<!DOCTYPE html>
<html lang="zh-ch">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
		<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="css/swiper.css"/>
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" href="css/fancybox.css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/swiper.js"></script>
		<script type="text/javascript" src="js/change-html-fz.js"></script>
		<script type="text/javascript" src="js/simpler-sidebar.js"></script>
		<script type="text/javascript" src="js/fancybox.js"></script>
	</head>
	<body>
		
		<!-- 移动端导航 -->
		<!-- 头部 -->
		<div class="header clearfix">
			<div class="menu" id="menu"></div>
			<div class="lang"><a href="###">EN</a></div>
			<h1><a href="###"></a></h1>
			<div class="sidebar" id="dowebok">
			    <div class="sidebar-wrapper" id="sidebar-wrapper">
			        <ul class="menu_nav">
			        	<li>
			        		<p class="hd">首页</p>
			        		<ul class="bd">
			        			<li><a href="###">测试</a></li>
			        			<li><a href="###">测试</a></li>
			        			<li><a href="###">测试</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">品牌中心</p>
			        		<ul class="bd">
			        			<li><a href="###">公司简介</a></li>
			        			<li><a href="###">荣誉证书</a></li>
			        			<li><a href="###">设备技术</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">产品中心</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">工程案例</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">招商加盟</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">新闻聚焦</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">联系我们</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        </ul>
			    </div>
			</div>
		</div>
		
		
		
		<!-- 标题图片 -->
		<div class="tit_img" style="background-image: url(img/hlianxi.jpg);"></div>
		
		
		<div class="lianxi">
			<div class="main">
				<div class="container-top clearfix">
					<ul>
						<li>联系方式</li>
						<li class="on">在线留言</li>
					</ul>
				</div>
				<div class="container-bottom">
					<div class="lianxi_box">
						<h2>
							<p> 欢迎广大用户前来咨询购买华葆电源产品 </p>							<p> 华葆电源将提供完善的售前技术服务以及售后服务承诺 </p>
						</h2>
						<div class="zong">佛山总公司</div>
						<div class="contact">
							<p>联系地址：广东省佛山市禅城区张槎路115号华南电源创新科技园6号楼</p>
							<p>服务热线：400-830-8833</p>
							<p>网址：www.wahbou. com</p>
						</div>
						<div class="img_box">
							<img src="img/ditu.jpg" alt="">
						</div>
						<div class="area_list">
							<div class="area_box">
								<h3>华北大区</h3>
								<p>（北京市、天津市、河北市、山西市、山东省、内蒙古）</p>
								<p>陈经理：18928658536   朱经理：18929939612</p>
							</div>
							<div class="area_box">
								<h3>华北大区</h3>
								<p>（北京市、天津市、河北市、山西市、山东省、内蒙古）</p>
								<p>陈经理：18928658536   朱经理：18929939612</p>
							</div>
							<div class="area_box">
								<h3>华北大区</h3>
								<p>（北京市、天津市、河北市、山西市、山东省、内蒙古）</p>
								<p>陈经理：18928658536   朱经理：18929939612</p>
							</div>
							<div class="area_box">
								<h3>华北大区</h3>
								<p>（北京市、天津市、河北市、山西市、山东省、内蒙古）</p>
								<p>陈经理：18928658536   朱经理：18929939612</p>
							</div>
							<div class="area_box">
								<h3>华北大区</h3>
								<p>（北京市、天津市、河北市、山西市、山东省、内蒙古）</p>
								<p>陈经理：18928658536   朱经理：18929939612</p>
							</div>
							
							
							<div class="inland">
								<h3>国内OEM</h3>
								<p>出口贸易商（张经理：18928658527）</p>
								<p>国内贴牌（伍经理：18929969713）</p>
							</div>
						</div>
						
					</div>
					<div class="liuyan_box">
						<div class="liuyan">
							<h2>在线留言</h2>
							<form action="">
								<input type="text" placeholder="姓名">
								<input type="text" placeholder="电话">
								<input type="text" placeholder="邮箱">
								<textarea rows="4" cols="" placeholder="留言"></textarea>
								<input type="number" placeholder="验证码">
								<div class="shuzi">
									<img src="img/index_07.jpg" alt="">
								</div>
								<button>提交</button>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="footer">
			<div class="footer_text">
				<p>——————————</p>
				<p> Copyright &copy; 佛山市华葆电源设备有限公司 </p>
				<p> 技术支持：云路科技 </p>
			</div>
		</div>
		<!-- 底部导航 -->
		<div class="b_tool">
			<div class="main clearfix">
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool1.png" alt="">
						</div>
						<h4>网站首页</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool2.png" alt="">
						</div>
						<h4>产品质量</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="tel:400-830-8833">
						<div class="img_box">
							<img src="img/b_tool3.png" alt="">
						</div>
						<h4>联系电话</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool4.png" alt="">
						</div>
						<h4>置顶</h4>
					</a>
				</div>
			</div>
		</div>
		
		<script src="js/index.js"></script>
	</body>
</html>
